/**
 * Created by lenovo on 2016/7/19.
 */

$(document).ready(function(){
    //IE6、IE7等老旧浏览器不支持 CSS3 动画，所以没有效果；而 wow.js 也使用了 querySelectorAll 方法，IE 低版本会报错。为了达到更好的兼容，最好加一个浏览器及版本判断。
    if(!(/mise[6|7|8|9]/i.test(navigator.userAgent))){
        var wow=new WOW({
            boxClass:'wow',//需要执行动画的元素的 class
            animateClass:'animated',//animation.css 动画的 class
            offset:150,//距离可视区域多少开始执行动画
            mobile:true,//是否在移动设备上执行动画
            live:true //异步加载的内容是否有效
        });
    };
    wow.init();
    //鼠标滚动头部背景变化
    $(window).scroll(function(){
        if($(this).scrollTop()>1){
            $('.header').addClass('header_scroll');
        }
        else{
            $('.header').removeClass('header_scroll');
        }
    });

    //窗口改变时触发
    // banner 切换
    var iNow=0;
    $(window).resize(fBanner);
    //banner图
    function fBanner(){
        var cliWidth=$(window).width();
        $('.banner_ul').css({width:cliWidth*3+'px'});
        $('.banner_ul li').css({width:cliWidth+'px'});
    //}
    //fBanner();
    //function bnTab(){
        //var cliWidth=$(window).width();
        $('.num li').removeClass('active');
        $('.num li').eq(iNow).addClass('active');
        $('.banner_ul').css({transform:'translateX(-'+cliWidth*iNow+'px)',transition:'all 0.8s ease'});
    };
    fBanner();
    //定时器
    var timer=setInterval(function(){
        fBanner();
        iNow++;
        if(iNow>2){iNow=0;}
    },3000);
    //banner图 点击
    $('.num li').click(function(){
        iNow=$(this).index();
        fBanner();
    });
    //隐藏列表点击
    $('.header_list').click(function(){
        if(!$(this).hasClass('active')){
            $(this).addClass('active');
            $('.mask').addClass('active');
            $('.header_nav').addClass('active');
        }
        else{
            $(this).removeClass('active');
            $('.mask').removeClass('active');
            $('.header_nav').removeClass('active');
        }
    });
    //平台优势 切换
    var pNow=0;
    //分页按钮
    $('.thumb li').mouseover(function(){
        pNow=$(this).index();
        platTab();
        clearInterval(time);
    });
    $('.thumb li').mouseout(function(){
        var time=setInterval(oNext,2000);
    });
    //自动播放
    var time=setInterval(oNext,2000);
    //下一个
    function oNext(){
        platTab();
        pNow++;
        if(pNow>2){pNow=0;}
    };
    //pc pad phone 切换
    function platTab(){
        var aPc=$('.pc .pic li');
        var aPad=$('.pad .pic li');
        var aPhone=$('.phone .pic li');
        $('.thumb li').removeClass('active');
        $('.thumb li').eq(pNow).addClass('active');
        $(aPc).css({transform:'translateY(-'+aPc.height()*pNow+'px)'});
        $(aPad).css({transform:'translateY(-'+aPad.height()*pNow+'px)'});
        $(aPhone).css({transform:'translateY(-'+aPhone.height()*pNow+'px)'});
    };

    //咨询
    $('.consult').click(function(){
        $('.consult_content').css({right:40});
        $(this).addClass('active');
    });
    $('.close').click(function(){
        $('.consult_content').css({right:-250});
        $('.consult').removeClass('active');
    });
});